<script setup lang="ts">
import { ref, watch } from 'vue'
const money = ref(999)
const car = ref('共享单车')
// 1. 监听一个响应式数据
// watch(money, (newVlaue, oldValue) => {
//   console.log(`旧值: ${oldValue}, 新值: ${newVlaue}`);
//   // 业务处理代码 异步操作
// })

// 2. 监听多个响应式数据变化
watch([money, car], (newVlaue, oldValue) => {
  console.log(`旧值: ${oldValue}, 新值: ${newVlaue}`);
  // 业务处理代码 异步操作
})
</script>


<template>
  <div id="app">
    <div>钱包: {{ money }}</div>
    <button @click="money += 15000">搬砖一月</button>
    <div>座驾: {{ car }}</div>
    <button @click="car = '电动车'">换车</button>
  </div>
</template>

<style></style>
